<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style>
			body {
				background-color: #ffffff;
			}
			.scrollable-horizontal {
			  overflow-y: hidden;
			  overflow-x: auto;
			  -ms-overflow-style: -ms-autohiding-scrollbar;
			  -webkit-overflow-scrolling: touch;
			  white-space:nowrap;  
			  
			}
			
			.avatar_wrap{
				line-height: 2rem;
    			height: 2rem;
    			width: 2rem;
    			display: inline-block;
    			padding: 0.1rem;
    			border: black;
    			border: 1px solid #9E9E9E;
    			border-radius: 50%;
    			margin: 0.1rem;
			}
			.box{
			  display: -webkit-flex; /* Safari */
			  display: flex;
			  flex-direction: row;
			  flex-wrap: nowrap;
			  justify-content: space-between;
			}
			.box-item-0{
				flex: 0;
			}
			.box-item-1{
				flex: 1;
			}
			.box-item-2{
				flex: 2;
			}
			.span_text{
				line-height: 2.2rem;
				font-size: 0.6rem;
				white-space:nowrap;  
				text-align:right;				
    			position: absolute;
    			right: 0;
    			top: 0;
    			margin-left:0.4rem;
			}
			.span_val{
			
    			padding-left: 0.4rem;
				padding-right: 0.4rem;
			}
			.border_left{
			    border-left: 1px solid #9E9E9E;
			}
			
		</style>
	</head>
	<body>
		
		<div  class="aui-content scrollable-horizontal" style="display:inline-block;">
			<ul id="avatars">
				<!--<li class="avatar_wrap" style="" >
					<img src="http://www.auicss.com/aui2.0/image/demo1.png" class="aui-img-round">
				</li>-->
				
			</ul>
	    </div>
		    

	    <div  class="span_text" id="info">
			<span class="span_val"><i id="attendcount">0</i>人</span>
			<span class="span_val border_left" id="detailsaction" style="display:none;">详情</span>
		</div>
	    
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>